html {
    font-size: 13.33vw;
}
body {
    margin: 0px;
    letter-spacing: .04rem;
}
.dl {
    /* position: relative; */
}
.dl-head {
    position: relative;
    text-align: center;
    padding-top: 1rem;
}
.dl-head img {
    width: 2.08rem;
}

.dl-title {
    font-size: .56rem;
    line-height: .56rem;
    margin-top: .43rem;
    color: #808080;
}
.dl-subtitle {
    font-size: .34rem;
    line-height: .34rem;
    margin-top: .54rem;
    color: #808080;
}
.dl-btns {
    padding-left: 1.56rem;
    padding-right: 1.56rem;
    margin-top: 1.35rem;
}
.dl-btns .dl-btn {
    display: block;
    border-radius: .24rem;
    margin-top: .52rem;
    text-align: center;
    font-size: .32rem;
    background-color: #fadb14;
    color: #fff;
    padding-top: .17rem;
    padding-bottom: .17rem;
    line-height: .38rem;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.dl-btn:focus {
    outline: none;
}
.dl-btns .dl-btn img{
    width: .32rem;
    vertical-align: bottom;
}
.dl-foot {
    margin-top: 1rem;
    font-size: .18rem;
    color: #808080;
    text-align: center;
}
.dl-mark {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}
.mark-open {
    display: block;
}
.dl-mark img{
    display: block;
    width: 2.66rem;
    float: right;
    margin-right: .41rem;
    margin-top: .1rem;
}
.dl-mark .mark-explain {
    color: #fff;
    font-size: .4635rem;
    position: absolute;
    top: 3rem;
    text-align: center;
    left: 0;
    right: 0;
    margin-top: .45rem;
}